@charset "utf-8";
.hasLine {
	background:url(../img/bg/sm-line-1.gif) 567px top repeat-y !important;
}
.boxOffNavi,
.boxOffline,
.boxCmt  {
	width:527px;
	display:inline-block;
	padding:0px 20px 30px;
}
.boxOffNavi {
	padding-top:0;
}
.boxOffNavi ul {
	display:block;
	list-style:none;
	width:527px;
}
.boxOffNavi ul li {
	float:left;
	width:auto;
	padding-left:29px;
}
.boxOffNavi ul li.firstChild {
	padding-left:0;
}
.boxOffNavi ul li .point {
	background:url(../img/bg/point-red.gif) center bottom no-repeat;
	
	height:22px;
	text-align:center;
	padding-bottom:10px;
	position:absolute;
	margin-top:-22px;
	margin-left:5px;
}
.boxOffNavi ul li .point strong {
	background-color:#dc1e20;
	line-height:22px;
	min-width:18px;
	padding:3px 5px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	display:inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
    border-radius:3px;
}
/***/
.boxOffline .headerTitle{
	width:527px;
	padding:0 0 7px 0;
	text-align:left;
	display:inline-table;	
	border-bottom:1px solid #b5b1b2;
}
.boxOffline .headerTitle h3 {
	font-size:20px;
	color:#555; 
	text-align:left;
	text-transform:uppercase;
	font-weight:normal;
	width:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
.boxOffline .headerTitle span {
	float:right;
	margin-left:10px;
	line-height:25px;
}
.boxOffline .headerTitle span select {
	width:105px;
	float:left;
}
.boxOffline .headerTitle span select option {
	padding:5px;
}
.boxOffline .headerTitle span.select {
	width:80px;
	left:1px;
	height:22px;
	overflow:hidden;
	margin-left:0;
}
.boxOffline .offlineItem {
	width:527px;
	display:table;
}
.boxOffline .offlineItem ul {
	display:block;
	width:527px;
	list-style:none;
}
.boxOffline .offlineItem ul li {
	float:left;
	width:527px;
	min-height:50px;
	padding:9px 0;
	border-top:dotted 1px #dadada;
}
.boxOffline .offlineItem ul li.firstChild {
	border-top:none;
}
.boxOffline .offlineItem ul li .info {
	float:left;
	width:422px;
	padding-right:10px;
	padding-left:10px;
}
.boxOffline .offlineItem ul li .info h4 {
	font-weight:normal;
	font-size:11px;
	padding-bottom:4px;
}

.boxOffline .offlineItem ul li .info p {
	line-height:20px;
}
.boxOffline .offlineItem ul li .category {
	float:left;
	margin-top:10px;
}
.boxOffline .offlineItem .loading {
	display:none;
	width:100%;
	text-align:center;
}
/***/
.boxMine {
	width:255px;
	margin-left:5px;
	margin-bottom:30px;
	display:table;
	background-color:#f9f9f9;
}
.boxMine .headerTitle {
	width:242px;
	line-height:40px;
	background-color:#f2f2f2;
	border-bottom:#b5b1b0 1px solid;
	padding-left:13px;
}
.boxMine .headerTitle h3 {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:40px;
	color:#555;
	text-transform:uppercase;
}
.boxMine .mineItem {
	width:255px;
	display:table;
}
.boxMine .mineItem ul {
	display:block;
	list-style:none;
	width:255px;
}
.boxMine .mineItem ul li {
	float:left;
	width:235px;
	min-height:20px;
	padding:5px 10px 10px;
	border-top:dotted 1px #dadada;	
}
.boxMine .mineItem ul li.firstChild {
	border-top:none;
}
.boxMine .mineItem ul li h4,
.boxMine .mineItem ul li div {
	font-size:11px;
	line-height:20px;
	font-weight:normal;
	width:215px;
}
.boxMine .mineItem ul li div .join,
.boxMine .mineItem ul li div .cmt {
	float:left;
	width:auto;
}
.boxMine .mineItem ul li div .join {
	padding-right:10px;
}
/***/
.boxFeature {
	width:255px;
	margin-left:5px;
	margin-bottom:30px;
	display:table;
}
.boxFeature .headerTitle {
	width:242px;
	line-height:40px;
	border-bottom:#b5b1b0 1px solid;
	padding-left:13px;
}
.boxFeature .headerTitle h3 {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:40px;
	color:#555;
	text-transform:uppercase;
}
.boxFeature .featureItem {
	width:255px;
	display:table;
}
.boxFeature .featureItem ul {
	display:block;
	list-style:none;
	width:255px;
}
.boxFeature .featureItem ul li {
	float:left;
	width:235px;
	min-height:20px;
	padding:10px;
	border-top:dotted 1px #dadada;	
}
.boxFeature .featureItem ul li.firstChild {
	border-top:none;
}
.boxFeature .featureItem ul li .info {
	float:left;
	width:167px;
	padding-left:7px;
	padding-right:7px;
}
.boxFeature .featureItem ul li .info p {
	line-height:18px;
}
/***/
.boxCreate,
.boxEdit {
	clear:both;
	padding:0 0 37px;
	display:table;
	width:539px;
}
.boxCreate .headerTitle,
.boxEdit .headerTitle{
	width:539px;
	padding-bottom:7px;
	margin:0 0 30px;
	text-align:left;
	display:inline-table;
	text-transform:uppercase;
	border-bottom: 1px solid #B5B1B2;
}
.boxCreate .headerTitle h3,
.boxEdit .headerTitle h3 {
	color:#555555;
	padding-left:25px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.boxCreate .createItem,
.boxEdit .editItem{
	clear:both;
	width:489px;
	margin:0 25px 20px;
	display:block;
}
.boxCreate .createItems,
.boxEdit .editItems {
	width:489px;
	clear:both;
	display:table;
	margin-bottom:20px;
}
.boxCreate .createItems h4,
.boxEdit .editItems h4 {
	background:url(../img/bg/line.gif) left 10px repeat-x;
	font-size:11px;
	width:100%;
	display:block;
	margin-bottom:10px;
}
.boxCreate .createItems h4 strong,
.boxEdit .editItems h4 strong {
	background-color:#FFFFFF;	
	padding-right:5px;
}
.boxCreate .createItem .userInput,
.boxEdit .editItem .userInput {
	width:100%;
	margin-bottom:10px;
	display:inline-table;
}
.boxCreate .createItem .userInput .half,
.boxEdit .editItem .userInput .half {
	width:50%;
	float:left;
}
.boxCreate .createItem .userInput label,
.boxEdit .editItem .userInput label {
	width:93px;
	padding-right:10px;
	float:left;
	line-height:22px;
	text-align:right;
}
.boxCreate .createItem .userInput label.third,
.boxEdit .editItem .userInput label.third  {
	width:25px;
	text-align:center;
	padding-right:0;
}
.boxCreate .createItem .userInput input.text,
.boxEdit .editItem .userInput input.text{
	border:#E2E2E2 1px solid;
	height:22px;
	line-height:22px;
	width:374px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
}
.boxCreate .createItem .userInput input.half,
.boxEdit .editItem .userInput input.half {
	width:129px;
}
.boxCreate .createItem .userInput input.third,
.boxEdit .editItem .userInput input.third  {
	width:46px;
}
.boxCreate .createItem .userInput textarea,
.boxEdit .editItem .userInput textarea {
	width:477px;
	padding:3px 5px;
	border:#E2E2E2 1px solid;
	height:70px;
	overflow-x:hidden;
	font-size:11px;
	font-family:Tahoma;
	line-height:20px;
}
.boxCreate .createItem .userInput select,
.boxEdit .editItem .userInput select {
	font-size:11px;
	line-height:22px;
	width:140px;
}
.boxCreate .createItem .userInput .category,
.boxCreate .createItem .userInput .province,
.boxCreate .createItem .userInput .district,
.boxEdit .editItem .userInput .category,
.boxEdit .editItem .userInput .province,
.boxEdit .editItem .userInput .district {
	float:left;
}
.boxCreate .createItem .userInput .category span.select,
.boxCreate .createItem .userInput .province span.select,
.boxEdit .editItem .userInput .category span.select,
.boxEdit .editItem .userInput .province span.select  {
	left:103px;
}
.boxCreate .createItem .userInput .district span.select ,
.boxEdit .editItem .userInput .district span.select {
	left:348px;
}
.boxCreate .createItem .userInput span.select,
.boxEdit .editItem .userInput span.select {
	width:117px;
	height:22px;
	overflow:hidden;
}
.boxCreate .createItem .userInput select option,
.boxEdit .editItem .userInput select option {
	padding:5px 4px;
	font-family:Tahoma;
}
.boxCreate .createItem .userInput input.btnSubmit,
.boxCreate .createItem .userInput .errorMessage,
.boxEdit .editItem .userInput input.btnSubmit,
.boxEdit .editItem .userInput .errorMessage {
	margin-left:105px;
	float:left;
	display:block;
}
.boxCreate .createItem .userInput input.btnSubmit,
.boxEdit .editItem .userInput input.btnSubmit {
	float:right;
	width:100px;
}
.boxCreate .createItem .content .errorMessage,
.boxEdit .editItem .content .errorMessage {
	margin-left:0;
}
/***/
.suggestionsBox {
	width: 411px;
	position: absolute;
	margin-left:100px;
	background-color:#FFFFFF;
	z-index:9999;
	margin: 25px 0 0 103px;
}
.suggestionList {
	width:384px;
	border: 1px solid #E2E2E2;	
}
.suggestionList table {	
	width:384px;
	display:table;
}
.suggestionList table th {
	line-height:20px;
	padding:5px;
	background-color: #E2E2E2;	
	border-top:1px solid #FFFFFF;
}
.suggestionList table th.first {
	border-left:none;	
}
.suggestionList table th.top {
	border-top:none;
	text-transform:uppercase;
}
.suggestionList table td {
	border-top:1px solid #E2E2E2;
	padding:5px;
	vertical-align:top;
}
/**DETAIL*/
.boxInfo {
	border:1px solid #d9d9d9;
	width:517px;
	padding:14px !important;
	clear:both;
	display:inline-block;
	margin:20px 10px 10px;
	background-color:#f2f2f2;
}
.boxInfo .category {
	float:left;
	width:50px;
	text-align:left;
}
.boxInfo ul {
	float:left;
	width:429px;
	list-style:none;
	display:block;
}
.boxInfo ul li {
	width:100%;
	line-height:20px;
	padding-top:5px;
	clear:both;
	font-size:12px;
}
.boxInfo ul li.firstChild {
	padding-top:0;
}
.boxInfo ul li h2 {
	font-size:14px;
	max-width:429px;
	word-wrap:break-word;
}
.boxInfo ul li .firstItem {
	color:#777777;
	width:85px;
	float:left;
}
.boxInfo ul li .lastItem {
	float:left;
	width:344px;
}
/***/
.boxDetail,
.boxCmt {
	margin-left:10px;
	padding:0;
	padding-left:10px;
	width:537px;
	display:inline-block;
}
.boxDetail ul {
	float:left;
	width:477px;
	padding-left:10px;
	list-style:none;
}
.boxDetail ul li {
	width:100%;
	clear:both;
	line-height:20px;
	float:left;
	padding-top:10px;
}
.boxDetail ul li.firstChild {
	padding-top:0;
	margin-top:-5px;
}
.boxDetail ul li h3 {
	float:left;
	width:auto;
	font-size:11px;
}
.boxDetail ul li .note {	
	border:#d0d0d0 1px dotted;
	padding:4px 9px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
    border-radius:3px;
}
.boxDetail ul li .tips {
	background-color:#FFFF99;
	border:#FFCC00 1px solid;
	padding:4px 9px;
	text-align:left;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
    border-radius:3px;
	color:#000000;
	width:429px;
	display:inline-block;
}
.boxDetail ul li .tips strong.red {
	color:#f50b0a;
	line-height:26px;
	text-transform:uppercase;
	margin-top:5px;
	margin-left:7px;
	font-size:13px;
	margin-bottom:5px;
}
/***/
.boxCmt {
	border-top:1px solid #c9c9c9;
	margin-top:10px;	
	padding-left:0;
	width:547px;
}
.boxCmt textarea {
	width:537px !important;
}
.boxCmt .loading {
	display:none;
	width:100%;
}
.boxCmt #sComment,
.boxCmt #formCmt {
	display:block;
	width:100%;
	clear:both;
}
.boxCmt #sComment ul {
	float:left;
	display:block;
	width:547px;
	list-style:none;
}
.boxCmt #sComment ul li {
	float:left;
	width:100%;
	border-top:1px dotted #c9c9c9;
	padding-top:10px;
	padding-bottom:10px;
}
.boxCmt #sComment ul li.firstChild {
	border-top:none;
}
.boxCmt #sComment ul li .rowCmt {
	position:absolute;
	margin-left:492px;
	width:55px;
	background-color:#000000;
	margin-top:-10px;
	display:none;
}
.boxCmt #sComment ul li .rowCmt a {
	width:55px;
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
	color:#FFFFFF;
	display:block;
}
.boxCmt #sComment ul li .cnt {
	float:left;
	width:483px;
	padding-left:10px;
}
.boxCmt #sComment ul li .cnt h4 {
	font-size:11px;
	padding-bottom:4px;
}
.boxCmt #sComment ul li .cnt h4 span {
	font-weight:normal;
}
.boxCmt #sComment ul li .cnt p {
	line-height:20px;
}
.boxCmt .loading {
	width:100%;
	padding-top:10px;
}
/***/
.boxJoin {
	width:255px;
	margin-left:5px;
	margin-bottom:30px;
	display:table;
}
.boxJoin .headerTitle {
	width:242px;
	line-height:40px;
	border-bottom:#b5b1b0 1px solid;
	padding-left:13px;
}
.boxJoin .headerTitle h3 {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:40px;
	color:#353535;
	text-transform:uppercase;
}
.boxJoin .joinItem {
	width:255px;
	display:table;
}
.boxJoin .joinItem ul {
	display:block;
	list-style:none;
	width:255px;
}
.boxJoin .joinItem ul li {
	float:left;
	width:235px;
	padding:15px 10px 0;	
}
.boxJoin .joinItem ul li.point {
	background:url(../img/bg/point-right.gif) right center no-repeat;
}
.boxJoin .joinItem .paging {
	padding-top:10px;
	margin-top:10px;
	border-top:1px dotted #353535;
}
.boxJoin .joinItem ul li .info {
	float:left;
	width:191px;
	padding-left:5px;
	padding-right:5px;
}
.boxJoin .joinItem ul li .info h3 {
	font-size:11px;
	font-weight:700;
	height:16px;
	overflow:hidden;
	width:100%;
}
.boxJoin .joinItem ul li .info p {
	height:14px;
	overflow:hidden;
	padding-bottom:2px;
}
.boxJoin .joinItem ul li .act {
	width:211px;
	position:absolute;
	margin-left:34px;
	display:none;
}
.boxJoin .joinItem ul li .act a {
	height:24px;
	border:3px solid #4b4b4b;	
	display:block;
	color:#FFFFFF;
	float:left;
	line-height:24px;
	text-align:center;
	font-weight:bold;
}
.boxJoin .joinItem ul li .act a:hover {
	text-decoration:none;
}
.boxJoin .joinItem ul li .act a.deny {
	border-right:2px solid #4b4b4b;
	background-color:#888687;
	width:100px;
}
.boxJoin .joinItem ul li .act a.accept {
	background-color:#20b000;
	width:100px;
}
.boxJoin .joinItem ul li .act a.del {
	background-color:#888687;
	width:205px;
	height:40px;
	line-height:40px;
}